<template>
  <div class="login">
      <h3>这是登录页面</h3>
      <p><input type="text" @keyup.enter="login"  v-model="uname" /></p>
      <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      uname: ''
    }
  },
  methods: {
  // 登录函数
    login () {
      if (!this.uname) return alert('请输入用户名')
      // 存储用户名
      localStorage.setItem('superMagic', this.uname)
      // 去用户中心
      this.$router.replace('/user')
    }
  }

}
</script>

<style scoped>

</style>
